<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Laya家族</title>
		<meta name="keywords" content=""/>
		<meta name="description" content=""/>
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/layaHome.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont%20(2).css"/>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="container-fluid" style="padding: 0;">
			<nav class="navbar navbar-default navbar-fixed-top nav_box">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
					 aria-controls="navbar">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
		
					<a class="navbar-brand img_box" href="#"><img src="img/logo.png"></a>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li><a href="index.html">首页</a></li>
						<li class="active"><a href="#about">Laya家族</a></li>
						<li><a href="game.html">游戏</a></li>
						<li><a href="news.html">新闻动态</a></li>
						<li><a href="#contact">开发者中心</a></li>
						<li><a href="#contact">开发者社区</a></li>
						<li><a href="#contact">开放平台</a></li>
						<li><a href="about-us.html">关于我们</a></li>
						<!-- <li class="dropdown">
		          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
		          <ul class="dropdown-menu">
		            <li><a href="#">Action</a></li>
		            <li><a href="#">Another action</a></li>
		            <li><a href="#">Something else here</a></li>
		            <li role="separator" class="divider"></li>
		            <li class="dropdown-header">Nav header</li>
		            <li><a href="#">Separated link</a></li>
		            <li><a href="#">One more separated link</a></li>
		          </ul>
		        </li> -->
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language
								<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">中文</a></li>
								<li><a href="#">英文</a></li>
							</ul>
						</li>
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
		</nav>
		
			<!-- 绿色内容部分 -->
			<section class="greencontent">
			<div class="container warp">
				<div class="row" style="padding-top: 60px;">
					<div class="col-md-6 col-sm-6 col-xs-12">
						<div class="numberOne">
							1
						</div>
						<div class="fontbig">
							LayaFlash
						</div>
						<div class="fontbox">
							<div class="title">
								直接用Flash AS3语言开发HTML5的引擎 
							</div>
							<div class="font1">
								支持Flash AS3语言及框架在Flash Builder、FlashDevelop中直接开发HTML5产品；
							</div>
							<div class="font1">
								支持将Flash页游\手游产品快速转换成为HTML5游戏，让Flash研发企业进入HTML5市场低成本、无门槛；
							</div>
							<div class="font1">
								支持Starling等3D框架，是首个支持HTML5 3D游戏的技术方案。
							</div>
							<div class="btnwarp">
								<button type="button">进入下载</button>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12">
						<div class="img">
							<img src="img/layahome1.png" >
						</div>
					</div>
				</div>
			</div>
		</section>
			<!-- 蓝色内容部分 -->
			<section class="bluecontent">
			<div class="container warp">
				<div class="row" style="padding-top: 60px;">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<div class="numberOne">
							1
						</div>
						<div class="fontbig">
							LayaPlayer
						</div>
					</div>
					<div class="col-md-4 col-sm-4 col-xs-12">
						<div class="imgwarp">
							<img src="img/layahome2.png" >
						</div>
					</div>
					<div class="col-md-4 col-sm-4 col-xs-12">
						<div class="fontcon">
							<div class="title">
								极强性能
							</div>
							<div class="fontconmin">
								C语言编写的HTML5运行器，逻辑渲染双核运行、GPU加速渲染、内存显存
								智能管理、渲染流程极致优化，基于LayaPlayer运行的HTML5产品性能媲美APP。
							</div>
							<div class="title">
								更小，更多，更强
							</div>
							<div class="fontconmin">
								不足20K的HTML5运行器，拥有超过5亿的移动设备安装量，已嵌入到QQ浏
								览器、QQ空间、百度浏览器、新浪微博、猎豹浏览器等20多家主流平台。
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-4 col-xs-12">
						<div class="imgwarp2">
							<img src="img/layahome3.png" >
						</div>
					</div>
				</div>
			</div>
		</section>
			<!-- 白色内容部分 -->
			<section class="whitecontent">
			<div class="container warp">
				<div class="row" style="padding-top: 60px;">
					<div class="col-md-6 col-sm-6 col-xs-12">
						<div class="numberOne">
							3
						</div>
						<div class="fontbig">
							LayaAir
						</div>
						<div class="boxwarp boxpadding">
							<div class="fonttitle">
								新一代HTML5引擎，正在内测完善中，敬请期待
							</div>
							<div class="fontminwarp">
								<div class="fontminwarp-title">
									小巧强大
								</div>
								<div class="fontminwarp-con">
									核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功能，性能媲美APP
								</div>
							</div>
							<div class="fontminwarp">
								<div class="fontminwarp-title">
									应用领域更广泛
								</div>
								<div class="fontminwarp-con">
									可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域
								</div>
							</div>
							<div class="fontminwarp">
								<div class="fontminwarp-title">
									多语言开发
								</div>
								<div class="fontminwarp-con">
									支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12">
						<div class="numberOne">
							4
						</div>
						<div class="fontbig">
							LayaOpen
						</div>
						<div class="boxwarp boxpadding">
							<div class="fonttitle">
								新一代HTML5引擎，正在内测完善中，敬请期待
							</div>
							<div class="fontminwarp">
								<div class="fontminwarp-title">
									小巧强大
								</div>
								<div class="fontminwarp-con">
									核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功能，性能媲美APP
								</div>
							</div>
							<div class="fontminwarp">
								<div class="fontminwarp-title">
									应用领域更广泛
								</div>
								<div class="fontminwarp-con">
									可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域
								</div>
							</div>
							<div class="fontminwarp">
								<div class="fontminwarp-title">
									多语言开发
								</div>
								<div class="fontminwarp-con">
									支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12">
						<div class="numberOne">
							5
						</div>
						<div class="fontbig">
							LayaStore
						</div>
						<div class="boxwarp">
							<div class="fonttitle">
								新一代HTML5引擎，正在内测完善中，敬请期待
							</div>
							<div class="fontminwarp">
								<div class="fontminwarp-title">
									小巧强大
								</div>
								<div class="fontminwarp-con">
									核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功能，性能媲美APP
								</div>
							</div>
							<div class="fontminwarp">
								<div class="fontminwarp-title">
									应用领域更广泛
								</div>
								<div class="fontminwarp-con">
									可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域
								</div>
							</div>
							<div class="fontminwarp">
								<div class="fontminwarp-title">
									多语言开发
								</div>
								<div class="fontminwarp-con">
									支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12">
						<div class="numberOne">
							6
						</div>
						<div class="fontbig">
							LayaPublish
						</div>
						<div class="boxwarp">
							<div class="fonttitle">
								新一代HTML5引擎，正在内测完善中，敬请期待
							</div>
							<div class="fontminwarp">
								<div class="fontminwarp-title">
									小巧强大
								</div>
								<div class="fontminwarp-con">
									核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功能，性能媲美APP
								</div>
							</div>
							<div class="fontminwarp">
								<div class="fontminwarp-title">
									应用领域更广泛
								</div>
								<div class="fontminwarp-con">
									可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域
								</div>
							</div>
							<div class="fontminwarp">
								<div class="fontminwarp-title">
									多语言开发
								</div>
								<div class="fontminwarp-con">
									支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
			<div class="row">
			<div class="col-md-12" style="	background-color: #222222;">
				<div class="row">
					<div class="container footer clearfix">
						<div class="col-md-10 col-md-push-1 footer-box">
							<div class="row">
								<div class="col-md-6 footer-cont-box col-sm-6">
									<a href="">公司简介</a>
									<a href="">联系方式</a>
									<a href="">人才招聘</a>
									<h6>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </h6>
								</div>
								<div class="col-md-2 col-md-push-3 footer-i-box clearfix col-sm-3 col-sm-push-3">
									<div class="i-box hoverone fl">
										<img class="footer-img" src="img/vv.png" >
										<i class="iconfont icon-umidd17"></i>
									</div>
									<div class="i-box2 hovertwo fl ">
										<img class="footer-img2" src="img/vv.png" >
										<i class="iconfont icon-weixin"></i>
									</div>
									<div class="i-box3 hoverthree fl">
										<img class="footer-img3" src="img/vv.png" >
										<i class="iconfont icon-rentou"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
	</body>
</html>
